@if mgwt.os android {
	
	@url smallSpinner spinnerWhiteSmallImage;

}
@else {

	@url smallSpinner spinnerSmallImage;
	
}

.progressPanel {
	position: relative;
	height: 40px;
}


.progressPanel .spinner{
	margin-top: 5px;
	width: 24px;
	height: 24px;
	background-image: smallSpinner;
	background-repeat: no-repeat;
	\-webkit-animation-duration: 1s;
    \-webkit-animation-iteration-count: infinite;
    \-webkit-animation-timing-function: linear;
    \-webkit-animation-name: progressIndicatorAnimation;
	
}

.progressPanel .message{
	margin-left: 10px;
	margin-top: 5px;
	display: inline-block;
}

.progressDialog {
	min-width: 72px;
}

.progressDialog .dialog-spinner {
	margin-top: 5px;
	width: 100%;
	height: 24px;
	background-image: smallSpinner;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	\-webkit-animation-duration: 1s;
    \-webkit-animation-iteration-count: infinite;
    \-webkit-animation-timing-function: linear;
    \-webkit-animation-name: progressIndicatorAnimation;
	
}


@-webkit-keyframes progressIndicatorAnimation {

    0% { -webkit-transform: rotate(0deg); }

    100% { -webkit-transform: rotate(360deg); }

}



